<!DOCTYPE html>
<html>
	<head>
	<base href="<?php echo ADMIN_PUC; ?>" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<link href="css/webuploader.css" rel="stylesheet" />
	</head>
	<body>
	<!--	<form action="up_po" enctype="multipart/form-data" method="post" >
			<input type="file" name='photo'/>
			<input type="submit" value="上传"/>
		</form>-->

<div id="uploader-demo">
    <!--用来存放item-->
    <div id="fileList" class="uploader-list"></div>
    <div id="filePicker">选择图片</div>
</div>
<div class="dsf"></div>
<img id="ffg"/>
<script src="js/jquery-1.11.3.min.js"></script>
		<script src="js/webuploader.min.js"></script>
		<script>
var uploader = WebUploader.create({

    // 选完文件后，是否自动上传。
    auto: true,

    // swf文件路径
    swf: 'js/Uploader.swf',

    // 文件接收服务端。
    server: '<?php echo QING;?>Admin/up_po',

    // 选择文件的按钮。可选。
    // 内部根据当前运行是创建，可能是input元素，也可能是flash.
    pick: '#filePicker',

    // 只允许选择图片文件。
    accept: {
        title: 'Images',
        extensions: 'gif,jpg,jpeg,bmp,png',
        mimeTypes: 'image/*'
    }
});
// 文件上传过程中创建进度条实时显示。
uploader.on( 'uploadProgress', function( file, percentage ) {
	$(".dsf").append('<p>'+percentage*100+'</p>')
});

// 文件上传成功，给item添加成功class, 用样式标记上传成功。
uploader.on( 'uploadSuccess', function( file ,p) {
  $("#ffg").attr("src",p.img);
});
		</script>
	</body>
</html>
